<!--
 * @Author: pgz285 1272160626@qq.com
 * @Date: 2022-09-07 19:14:35
 * @LastEditors: pgz285 1272160626@qq.com
 * @LastEditTime: 2022-09-07 19:25:24
 * @FilePath: /element-admin/src/components/user.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>

  <div id="user-menu" class="row hor-center slgap2">
    <div class="both-center">
      <img class="logo"
           src="https://img2.baidu.com/it/u=4115551763,3383559990&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500" alt="">
    </div>
    <div class="name">
      王小祥
    </div>
    <img src="@/assets/svg/down.svg" alt="">
  </div>
</template>

<script>
export default {
  name: "user",
  data() {
    return {}
  },
  methods: {}
}
</script>

<style scoped>
#user-menu {
  cursor: pointer;
}

.logo {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  box-sizing: border-box;
  border: 1px solid #090D1A;
}

.name {
  height: 22px;
  font-family: PingFangSC-Medium;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0px;
  color: #FFFFFF;
}
</style>